<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet"
          ref="<s:url value="/assets/web/css/base.css"></s:url>">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="<s:url value="/assets/web/css/login/bootstrap.min.css?v=3.3.6"></s:url>">
    <!-- 图表页css    -->
    <link rel="stylesheet" href="<s:url value="/assets/web/css/index/index_chart_2.css"></s:url>">
    <title>计划新开工项目</title>
</head>
<style>
    input::-webkit-input-placeholder{color: #fff;}
    input::-moz-input-placeholder{color: #fff;}
    input::-ms-input-placeholder{color: #fff;}
    #searchs{
        padding-left: 15px;
    }
</style>
<body>
<!-- 标题 -->
<div class="title text-center">
    <span>计划新开工项目</span>
    <a class="back" href="javascript:history.go(-1);">
        <img src="<s:url value="/assets/web/img/indexChart/back.png"></s:url>" alt="图片加载中">
    </a>
</div>
<!-- 主体 -->
<div class="container clear">
    <!-- 主体左侧内容 -->
    <%--搜索框--%>
    <c:if test="${projectType!=null}">
        <div class="search-projects">
            <input type="text" id="searchs" placeholder="请输入项目名关键字">
            <image class="searchs-btn" src="<s:url value="/assets/web/img/seacchs.png"></s:url>" alt="图片加载中"></image>
        </div>
    </c:if>
    <input type="text" name="projectType" id="projectType" hidden value="${projectType}"/>
    <input type="text" name="projectType" id="firstProjectId" hidden value="${firstProjectId}"/>
    <input type="text" name="sysId" id="sysId" hidden value="${sysId}"/>
    <input type="text" name="status" id="status" hidden value="${status}"/>
    <div class="main-left lf part1">
        <div class="main-left-content item" id="main-left-content"></div>
    </div>
    <!-- 主体中间内容 -->
    <div class="main-middle lf">
        <!-- 中上部分 -->
        <div class="middle-tal">
            <div class="middle-top"></div>
            <!-- 水球百分比 -->
            <div id="ball-percent" class="chart"></div>
        </div>
        <!-- 中下部分 -->
        <div class="middle-bottom">
            <div class="middle-bottom-heade">
                <table></table>
                <p>各个节点时间（天）</p>
                <div class="plane">
                    <span></span>&nbsp;计划
                </div>
                <div class="actual">
                    <span></span>&nbsp;实际
                </div>
                <!-- 各个节点图表 -->
                <div class="part2">
                    <div id="nodetime" class="item"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体右侧内容 -->
    <div class="main-right lf">
        <div class="main-right-content">
            <div class="projectnode-title">各节点信息</div>
            <!-- 节点信息图表 -->
            <div id="many-node"></div>
            <!-- 图表数据 -->
            <div class="cahrt-data text-center"></div>
            <div class="chart-detail part3">
                <div class="item2"></div>
            </div>
        </div>
    </div>
</div>
<!-- 模态框 -->
<div class="modal fade" id="myModal88" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="content-wapper" style="z-index: 9999999;">
                <div class="module-content part6">
                    <div class="model-detail item6"></div>
                </div>
                <div class="model-close"></div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>



<script src="<s:url value="/assets/web/js/jquery.min.js?v=2.1.4"></s:url>"></script>
<script src="<s:url value="/assets/web/js/index/divscroll.js"></s:url>"></script>
<script src="<s:url value="/assets/web/js/echarts.min.js"></s:url>"></script>

<script src="<s:url value="/assets/web/js/index/echarts-liquidfill.js"></s:url>"></script>
<script src="<s:url value="/assets/web/js/bootstrap.min.js"></s:url>"></script>
<script src="<s:url value="/assets/web/js/index/index_chart_2.js"></s:url>"></script>


</body>
</html>